技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2
HTML 入門筆記 - 1 - 認識 HTML 與網頁結構
html
html5
zoelinrd
2025-03-25 13:35:10
‧
1545 瀏覽
分享至
🔹
什麼是 HTML?
HTML(HyperText Markup Language,超文本標記語言)
是建立網頁的基本語言。
HTML
不是程式語言,而是用「
標籤(tag)
」來描述內容結構。
可以把 HTML 想成是
網頁的骨架
,讓瀏覽器知道各部分該如何呈現。
🔹
網頁是怎麼構成的?
技術
功能
說明
HTML
結構
建立內容與排版架構
CSS
外觀
設計樣式、顏色、字型與版面
JavaScript
行為
增加互動性與邏輯控制
HTML 負責內容、CSS 負責外觀、JavaScript 負責互動,三者缺一不可。
🔹
HTML 和 HTML5 比較
項目
HTML
HTML5
發展
傳統標準
現行主流
結構標籤
少
增加語意化標籤(如
<header>
、
<footer>
)
多媒體支援
需外掛(如 Flash)
原生支援
<video>
、
<audio>
API 功能
基本結構
支援地圖、動畫、離線功能等
🔹
注意事項
建議使用
Chrome、Firefox、Edge 瀏覽器
練習,支援性最好
善用右鍵「檢查元素」,可以觀察其他網站的 HTML 結構
不用死背語法,重點是理解
標籤的用途與結構邏輯
🔹
參考資源
MDN HTML 文件
留言
追蹤
檢舉
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
17924
篇
完賽人數
223
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
17th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
如何控制被我走私的Web Shell?
dreambooth報錯:hidden_size
關於powershell dns policy 同步問題
Zoom分享時黑屏
unifi 無線設定
git登入不了
樹莓派架站
大家都會如何使用 Gemini CLI 或其他CLI工具
熱門回答
dreambooth報錯:hidden_size
關於powershell dns policy 同步問題
unifi 無線設定
熱門文章
第20天,實作PKCS#7數位信封 / 歐買尬豬霸王豬腳飯 (台北中山) | 30天滷肉飯
08-02:AI輔助演說與即時翻譯
【LOLBAS鐵人賽Day21】WorkFolders.exe:相對路徑劫持&如何成為一個漏洞發掘家!
第22天,pkcs11-tool 讀取 HiCOS 憑證卡 / 阿義魯肉飯 (台北萬華) | 30天滷肉飯
Ch 22. 為什麼程式設計師喜歡用蘋果電腦?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}